﻿<div ng-controller="ControversyGroupAssessmentsController as ctrl">

    <div class="clear"></div>    
    <!--<div class="title-black-border">Distribution of Controversy Assesment</div>-->

    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Operations Incidents
        </div>
        <div id="chartdiv1" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('E.1.12')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Environmental Supply Chain Incidents
        </div>
        <div id="chartdiv2" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('E.2.2')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Product & Service Incidents
        </div>
        <div id="chartdiv3" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('E.3.2')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Employee Incidents
        </div>
        <div id="chartdiv4" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('S.1.7')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Social Supply Chain Incidents
        </div>
        <div id="chartdiv5" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('S.2.3')" isloading="ctrl.dataChartIsLoading"></div>
    </div>

    <div class="clear"></div>

    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Customer Incidents
        </div>
        <div id="chartdiv6" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('S.3.3')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Society & Community Incidents
        </div>
        <div id="chartdiv7" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('S.4.3')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Business Ethics Incidents
        </div>
        <div id="chartdiv8" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('G.1.5')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Governance Incidents
        </div>
        <div id="chartdiv9" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('G.2.13')" isloading="ctrl.dataChartIsLoading"></div>
    </div>
    <div style="float: left; width: 204px; padding-right: 0px;">
        <div class="chart-title-contr" style="height: 25px;">
            Public Policy Incidents
        </div>
        <div id="chartdiv10" style="width: 204px; height: 150px; background-color: #FFFFFF;"
             class="sustainalyticsChartSerial" useroptions="ctrl.getSerialChartOptions('G.3.4')" isloading="ctrl.dataChartIsLoading"></div>
    </div>

    <div class="clear"></div>
    <div class="legend-distr-chart">
        <div class="legend-distr-chart-left orange">&nbsp;</div>
        <div class="legend-distr-chart-right">Company Controversy Level</div>
        <div class="clear"></div>
        <div class="legend-distr-chart-left gray">&nbsp;</div>
        <div class="legend-distr-chart-right">Industry Controversy Level</div>
        <div class="clear"></div>
    </div>

</div>